// vue/src/router/index.ts
import { createRouter, createWebHistory } from 'vue-router';
import List from '@/components/shop/list.vue';
import Details from '@/components/shop/details.vue';

const routes = [
    {
        path: '/shop',
        component: () => import('@/components/shop/index.vue'),
    },
    {
        path: '/list',
        component: List,
    },
    {
        path: '/list/details',
        name: 'ProductDetails',
        component: () => import('../components/shop/details.vue')
    },
    {
        path: '/user',
        component: () => import('@/components/shop/user.vue'),
    },
];

export const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;